<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
      rel="stylesheet"
    />

    <title  >Document</title>
    <link rel="stylesheet" href="../css/iconfont/iconfont.css" />
    <link rel="stylesheet" href="../css/index.css" />
    <script src="../js/index.js" type="module"></script>
  
  </head>
  <body>
    <div class="nav">
      <div class="nav-bar">
        <div class="container">
          <div class="topbar-nav">
            <a href="">小米商城</a><span>|</span> <a href="">MIUI</a
            ><span>|</span> <a href="">loT</a><span>|</span>
            <a href="">云服务</a><span>|</span> <a href="">天星数科</a
            ><span>|</span> <a href="">有品</a><span>|</span>
            <a href="">小爱开放平台</a><span>|</span> <a href="">企业团购</a
            ><span>|</span> <a href="">资质证书</a><span>|</span>
            <a href="">协议规则</a><span>|</span> <a href="">下载app</a
            ><span>|</span> <a href="">智能生活</a><span>|</span>
            <a href="">Select Location</a>
          </div>
          <div class="shop">
            <a href="#">
              <img src="../img/shoppingcat.png" alt="" />

              <span class="shopcar"> 购物车 </span>
              <span class="shoppmath">(0)</span>
            </a>
          </div>
          <div class="log">
            <a href="../html/login.html">登录</a><span>|</span> <a href="" class="btn btn-primary regist" data-toggle="modal" data-target="#test">注册</a><span>|</span>
            <a href="">消息通知</a>
          </div>
        </div>
        <div class="site">
          <div class="container">
            <div class="logo">
              <a href=""></a>
            </div>
            <div class="site-nav">
              <ul class="nav-list ">
                <li class="list-1 clear">
                  <div class="site-cate">
                    <ul class="hero-ul">
                      <li>
                        <a href=""
                          >手机 电话卡 <span class="iconfont icon-iconfonti"></span
                        ></a>
                        <div class="hero-screen">
                          <ul class="screen-list">
                            <li>
                              <a href=""
                                ><img src="../img/notebook-1-1-1.jpg" alt="" /><span
                                  >小米MIX FOLD</span
                                ></a
                              >
                            </li>
                            <li>
                              <a href=""
                                ><img src="../img/notebook-1-1-1.jpg" alt="" /><span
                                  >小米MIX FOLD</span
                                ></a
                              >
                            </li>
                            <li>
                              <a href=""
                                ><img src="../img/notebook-1-1-1.jpg" alt="" /><span
                                  >小米MIX FOLD</span
                                ></a
                              >
                            </li>
                            <li>
                              <a href=""
                                ><img src="../img/notebook-1-1-1.jpg" alt="" /><span
                                  >小米MIX FOLD</span
                                ></a
                              >
                            </li>
                            <li>
                              <a href=""
                                ><img src="../img/notebook-1-1-1.jpg" alt="" /><span
                                  >小米MIX FOLD</span
                                ></a
                              >
                            </li>
                            <li>
                              <a href=""
                                ><img src="../img/notebook-1-1-1.jpg" alt="" /><span
                                  >小米MIX FOLD</span
                                ></a
                              >
                            </li>
                          </ul>
                          <ul class="screen-list">
                            <li>
                              <a href=""
                                ><img src="../img/notebook-1-1-1.jpg" alt="" /><span
                                  >小米MIX FOLD</span
                                ></a
                              >
                            </li>
                            <li>
                              <a href=""
                                ><img src="../img/notebook-1-1-1.jpg" alt="" /><span
                                  >小米MIX FOLD</span
                                ></a
                              >
                            </li>
                            <li>
                              <a href=""
                                ><img src="../img/notebook-1-1-1.jpg" alt="" /><span
                                  >小米MIX FOLD</span
                                ></a
                              >
                            </li>
                            <li>
                              <a href=""
                                ><img src="../img/notebook-1-1-1.jpg" alt="" /><span
                                  >小米MIX FOLD</span
                                ></a
                              >
                            </li>
                            <li>
                              <a href=""
                                ><img src="../img/notebook-1-1-1.jpg" alt="" /><span
                                  >小米MIX FOLD</span
                                ></a
                              >
                            </li>
                            <li>
                              <a href=""
                                ><img src="../img/notebook-1-1-1.jpg" alt="" /><span
                                  >小米MIX FOLD</span
                                ></a
                              >
                            </li>
                          </ul>
                          <ul class="screen-list">
                            <li>
                              <a href=""
                                ><img src="../img/notebook-1-1-1.jpg" alt="" /><span
                                  >小米MIX FOLD</span
                                ></a
                              >
                            </li>
                            <li>
                              <a href=""
                                ><img src="../img/notebook-1-1-1.jpg" alt="" /><span
                                  >小米MIX FOLD</span
                                ></a
                              >
                            </li>
                            <li>
                              <a href=""
                                ><img src="../img/notebook-1-1-1.jpg" alt="" /><span
                                  >小米MIX FOLD</span
                                ></a
                              >
                            </li>
                            <li>
                              <a href=""
                                ><img src="../img/notebook-1-1-1.jpg" alt="" /><span
                                  >小米MIX FOLD</span
                                ></a
                              >
                            </li>
                            <li>
                              <a href=""
                                ><img src="../img/notebook-1-1-1.jpg" alt="" /><span
                                  >小米MIX FOLD</span
                                ></a
                              >
                            </li>
                            <li>
                              <a href=""
                                ><img src="../img/notebook-1-1-1.jpg" alt="" /><span
                                  >小米MIX FOLD</span
                                ></a
                              >
                            </li>
                          </ul>
                          <ul class="screen-list">
                            <li>
                              <a href=""
                                ><img src="../img/notebook-1-1-1.jpg" alt="" /><span
                                  >小米MIX FOLD</span
                                ></a
                              >
                            </li>
                            <li>
                              <a href=""
                                ><img src="../img/notebook-1-1-1.jpg" alt="" /><span
                                  >小米MIX FOLD</span
                                ></a
                              >
                            </li>
                            <li>
                              <a href=""
                                ><img src="../img/notebook-1-1-1.jpg" alt="" /><span
                                  >小米MIX FOLD</span
                                ></a
                              >
                            </li>
                            <li>
                              <a href=""
                                ><img src="../img/notebook-1-1-1.jpg" alt="" /><span
                                  >小米MIX FOLD</span
                                ></a
                              >
                            </li>
                            <li>
                              <a href=""
                                ><img src="../img/notebook-1-1-1.jpg" alt="" /><span
                                  >小米MIX FOLD</span
                                ></a
                              >
                            </li>
                            <li>
                              <a href=""
                                ><img src="../img/notebook-1-1-1.jpg" alt="" /><span
                                  >小米MIX FOLD</span
                                ></a
                              >
                            </li>
                          </ul>
                        </div>
                      </li>
                      <li>
                        <a href=""
                          >电视 盒子<span class="iconfont icon-iconfonti"></span
                        ></a>
                      </li>
                      <li>
                        <a href=""
                          >笔记本 显示器<span class="iconfont icon-iconfonti"></span
                        ></a>
                      </li>
                      <li>
                        <a href=""
                          >家电 插板线<span class="iconfont icon-iconfonti"></span
                        ></a>
                      </li>
                      <li>
                        <a href=""
                          >出行 穿戴<span class="iconfont icon-iconfonti"></span
                        ></a>
                      </li>
                      <li>
                        <a href=""
                          >智能 路由器<span class="iconfont icon-iconfonti"></span
                        ></a>
                      </li>
                      <li>
                        <a href=""
                          >电源 配件<span class="iconfont icon-iconfonti"></span
                        ></a>
                      </li>
                      <li>
                        <a href=""
                          >健康 儿童<span class="iconfont icon-iconfonti"></span
                        ></a>
                      </li>
                      <li>
                        <a href=""
                          >耳机 音箱<span class="iconfont icon-iconfonti"></span
                        ></a>
                      </li>
                      <li>
                        <a href=""
                          >生活 箱包<span class="iconfont icon-iconfonti"></span
                        ></a>
                      </li>
                    </ul>
                  </div>
                </li>
                <li class="li-conceal "><a href="">
                  <span>小米手机</span>
                </a>
                <div class="item-children">
                  <div class="item-k container">
                    <ul class="clear">
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="" class="item-p">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                    </ul>                  </div>
                </div>
                </li>
                <li class="li-conceal"><a href=""><span>Redmi 红米</span></a>
                  <div class="item-children">
                  <div class="item-k container">
                    <ul class="clear">
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="" class="item-p">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                    </ul>                  </div>
                </div></li>
                <li class="li-conceal"><a href=""><span>电视</span></a>
                <div class="item-children">
                  <div class="item-k container">
                    <ul class="clear">
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="" class="item-p">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                    </ul>                  </div>
                </div></li>
                <li class="li-conceal"><a href=""><span>笔记本</span></a><div class="item-children">
                  <div class="item-k container">
                    <ul class="clear">
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="" class="item-p">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                    </ul>                  </div>
                </div></li>
                <li class="li-conceal"><a href=""><span>家电</span></a><div class="item-children">
                  <div class="item-k container">
                    <ul class="clear">
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="" class="item-p">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                    </ul>                  </div>
                </div></li>
                <li class="li-conceal"><a href=""><span>路由器</span></a><div class="item-children">
                  <div class="item-k container">
                    <ul class="clear">
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="" class="item-p">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                    </ul>                  </div>
                </div></li>
                <li class="li-conceal"><a href=""><span>智能硬件</span></a><div class="item-children">
                  <div class="item-k container">
                    <ul class="clear">
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="" class="item-p">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                    </ul>                  </div>
                </div></li>
                <li class="li-conceal"><a href=""><span>服务</span></a><div class="item-children">
                  <div class="item-k container">
                    <ul class="clear">
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="" class="item-p">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                    </ul>                  </div>
                </div></li>
                <li class="li-conceal"><a href=""><span>社区</span></a><div class="item-children">
                  <div class="item-k container">
                    <ul class="clear">
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                      <li><a href="">
                        <div class="item-thumb">
                          <img src="../img/nav-1.webp" alt="" class="item-p">
                        </div>
                          <div class="title">小米MIX FOLD</div>
                          <p>9999元</p>
                        
                      </a>
                      </li>
                    </ul>                  </div>
                </div></li>
              </ul>
            </div>
            <div class="site-search">
              <form action="" class="search-form">
                <span class="glyphicon glyphicon-search search-btn"></span>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="header">
      <div class="header-container container">
        <!-- 菜单 -->
        <div class="hero">
         
          <div class="hero-tp">
            <a href="">
              <img src="../img/banner-1.jpg" alt="" class="hero-t" />
            </a>
       
         
            <a href="">
              <img src="../img/banner-2.jpg" alt=""  class="hero-t"/>
            </a>
       
          
            <a href="">
              <img src="../img/banner-3.jpg" alt=""  class="hero-t" />
            </a>
       
         
            <a href="">
              <img src="../img/banner-4.jpg" alt=""  class="hero-t"/>
            </a>
        
         
            <a href="">
              <img src="../img/banner-5.jpg" alt=""  class="hero-t"/>
            </a>
          </div>
          <div class="hero-lb">
            <ul class="dot-ul">
              <li class="dot-l" chenk="true" num="0" ></li>
              <li class="dot-l" num="1" flag="false"></li>
              <li class="dot-l" num="2"  flag="false"></li>
              <li class="dot-l" num="3"  flag="false"></li>
              <li class="dot-l" num="4"  flag="false"> </li>
            </ul>
          </div>
          <div class="hero-button-prev" num ="0"></div>
          <div class="hero-button-next"  num ="0"></div>
        </div>
        <div class="hero-home">
          <div class="span1">
            <ul>
              <li>
                <a href=""><img src="../img/ad-1.png" alt="" />小米秒杀</a>
              </li>
              <li>
                <a href=""><img src="../img/ad-2.png" alt="" />企业团购</a>
              </li>
              <li>
                <a href=""><img src="../img/ad-3.png" alt="" />F码通道</a>
              </li>
              <li>
                <a href=""><img src="../img/ad-4.png" alt="" />米粉卡</a>
              </li>
              <li>
                <a href=""><img src="../img/ad-5.png" alt="" />以旧换新</a>
              </li>
              <li>
                <a href=""><img src="../img/ad-6.png" alt="" />话费充值</a>
              </li>
            </ul>
          </div>
          <div class="span2">
            <ul>
              <li>
                <a href=""><img src="../img/banner-ad-img-1.jpg" alt="" /></a>
              </li>
              <li>
                <a href=""><img src="../img/banner-ad-img-2.jpg" alt="" /></a>
              </li>
              <li>
                <a href=""><img src="../img/banner-ad-img-3.jpg" alt="" /></a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="home-main">
      <div class="container">
        <!-- 中心内容 -->
        <div class="home1">
          <div class="home-box">
            <h2>小米秒杀</h2>
          </div>
          <div class="home-box2">
            <div class="row">
              <div class="row-span">
                <div class="round">14:00 场</div>
                <img src="../img/shandian.png" alt="" />
                <div class="desc">距离结束还有</div>
                <div class="countdown">
                  <span class="count-span1"></span>
                  <i>:</i>
                  <span  class="count-span2"></span>
                  <i>:</i>
                  <span  class="count-span3"></span>
                </div>
              </div>
              <div class="row-span2">
                <ul class="row-ul ">
                  <li>
                    <a href="">
                      <div class="content">
                        <div class="thumb">
                          <img src="../img/secondskill-12.jpg" alt="" />
                        </div>
                        <h3>米家自动洗手机套装 莎莉定制版 黄色</h3>
                        <p class="exc">随时释放“超萌力”</p>
                        <p class="price">
                          <span>119</span>元
                          <del>129元</del>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <div class="content">
                        <div class="thumb">
                          <img src="../img/secondskill-13.jpg" alt="" />
                        </div>
                        <h3>米家自动洗手机套装 莎莉定制版 黄色</h3>
                        <p class="exc">随时释放“超萌力”</p>
                        <p class="price">
                          <span>119</span>元
                          <del>129元</del>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <div class="content">
                        <div class="thumb">
                          <img src="../img/secondskill-14.jpg" alt="" />
                        </div>
                        <h3>米家自动洗手机套装 莎莉定制版 黄色</h3>
                        <p class="exc">随时释放“超萌力”</p>
                        <p class="price">
                          <span>119</span>元
                          <del>129元</del>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <div class="content">
                        <div class="thumb">
                          <img src="../img/secondskill-15.jpg" alt="" />
                        </div>
                        <h3>米家自动洗手机套装 莎莉定制版 黄色</h3>
                        <p class="exc">随时释放“超萌力”</p>
                        <p class="price">
                          <span>119</span>元
                          <del>129元</del>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <div class="content">
                        <div class="thumb">
                          <img src="../img/secondskill-16.jpg" alt="" />
                        </div>
                        <h3>米家自动洗手机套装 莎莉定制版 黄色</h3>
                        <p class="exc">随时释放“超萌力”</p>
                        <p class="price">
                          <span>119</span>元
                          <del>129元</del>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <div class="content">
                        <div class="thumb">
                          <img src="../img/secondskill-17.jpg" alt="" />
                        </div>
                        <h3>米家自动洗手机套装 莎莉定制版 黄色</h3>
                        <p class="exc">随时释放“超萌力”</p>
                        <p class="price">
                          <span>119</span>元
                          <del>129元</del>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <div class="content">
                        <div class="thumb">
                          <img src="../img/secondskill-10.jpg" alt="" />
                        </div>
                        <h3>米家自动洗手机套装 莎莉定制版 黄色</h3>
                        <p class="exc">随时释放“超萌力”</p>
                        <p class="price">
                          <span>119</span>元
                          <del>129元</del>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <div class="content">
                        <div class="thumb">
                          <img src="../img/secondskill-9.jpg" alt="" />
                        </div>
                        <h3>米家自动洗手机套装 莎莉定制版 黄色</h3>
                        <p class="exc">随时释放“超萌力”</p>
                        <p class="price">
                          <span>119</span>元
                          <del>129元</del>
                        </p>
                      </div>
                    </a>
                  </li>
                 
                </ul>
              </div>
              <div class="row-span3">
                <span class="row-prev"> &lt; </span>
                <span class="row-next">&gt;</span>
              </div>
            </div>
          </div>
        </div>
        <div class="home-banner">
          <a href="">
            <img class="lazy" data-original="../img/xiabiao-1.jpg" alt="" />
          </a>
        </div>
        <div class="home-brick">
          <div class="home-box">
            <h2>手机</h2>
            <div class="more">
              <a href=""
                >查看更多
                <span>&gt;</span>
              </a>
            </div>
          </div>
          <div class="home-fix">
            <div class="home-l">
              <div class="home-span5">
                <ul>
                  <li>
                    <a href=""><img class="lazy"  data-original="../img/buyphone-1.jpg" alt="" /></a>
                  </li>
                </ul>
              </div>
              <div class="home-span6">
                <ul class="home-span-list">

                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="home-banner">
          <a href="">
            <img class="lazy"  data-original="../img/xiabiao-2.jpg" alt="" />
          </a>
        </div>
        <div class="home-brick1">
            <div class="home-box">
                <h2>家电</h2>
                <div class="ser">
                    <ul>
                        <li class="ser-li">热门</li>
                        <li class="ser-li2">电视影音</li>
                    </ul>
                </div>
            </div>
            <div class="home-box-sea">
                <dis class="home-box-row">
                    <div class="span8">
                        <ul>
                            <li><a href=""><img class="lazy"  data-original="../img/homeappliance-ad-1.jpg" alt=""></a></li>
                            <li><a href=""><img class="lazy"  data-original="../img/homeappliance-ad-2.jpg" alt=""></a></li>
                        </ul>
                    </div>
                    <div class="span9">
                        <ul class="span9-ul-l">

                            <div><li><a href="">
                                <div class="thumb">
                                    <img class="lazy"  data-original="../img/homeappliance-content-1.jpg" alt="">
                                </div>
                                <h3>小米全面屏电视65英寸 E65X</h3>
                                <p class="exc">全面屏设计</p>
                                <p class="price"><span>5099</span>元<del><span>6299</span>元</del></p>
                            </a></li></div>
                            <div><li><a href="">
                                <div class="thumb">
                                    <img class="lazy"  data-original="../img/homeappliance-content-2.jpg" alt="">
                                </div>
                                <h3>小米电视人工智能系统 4A</h3>
                                <p class="exc">智能设计</p>
                                <p class="price"><span>7099</span>元<del><span>8299</span>元</del></p>
                            </a></li></div>
                            <div><li><a href="">
                                <div class="thumb">
                                    <img class="lazy"  data-original="../img/homeappliance-content-3.jpg" alt="">
                                </div>
                                <h3>全面屏电视72英寸 H40X</h3>
                                <p class="exc">超清大屏设计</p>
                                <p class="price"><span>4099</span>元<del><span>4299</span>元</del></p>
                            </a></li></div>
                            <div><li><a href="">
                                <div class="thumb">
                                    <img class="lazy"  data-original="../img/homeappliance-content-4.jpg" alt="">
                                </div>
                                <h3>Redmi电视 Max98X</h3>
                                <p class="exc">红米经典设计</p>
                                <p class="price"><span>2199</span>元<del><span>2999</span>元</del></p>
                            </a></li></div>
                            <div><li><a href="">
                                <div class="thumb">
                                    <img class="lazy"  data-original="../img/homeappliance-content-5.jpg" alt="">
                                </div>
                                <h3>小米自动洗衣机 E10X</h3>
                                <p class="exc">自动化设计</p>
                                <p class="price"><span>3099</span>元<del><span>3299</span>元</del></p>
                            </a></li></div>
                            <div><li><a href="">
                                <div class="thumb">
                                    <img class="lazy"  data-original="../img/homeappliance-content-6.jpg" alt="">
                                </div>
                                <h3>小米macbox i7</h3>
                                <p class="exc">超高清分辨率</p>
                                <p class="price"><span>9099</span>元<del><span>10299</span>元</del></p>
                            </a></li></div>
                            <div><li><a href="">
                                <div class="thumb">
                                    <img class="lazy"  data-original="../img/homeappliance-content-7.jpg" alt="">
                                </div>
                                <h3>小米自动抽烟烟机 Y21X</h3>
                                <p class="exc">自动化清洁力高</p>
                                <p class="price"><span>2799</span>元<del><span>3299</span>元</del></p>
                            </a></li></div>
                            <div ><li class="item-s"><a href="">
                                <div class="thumb">
                                    <img class="lazy"  data-original="../img/homeappliance-content-8.jpg" alt="">
                                </div>
                                <h3>小米微波炉 W61X</h3>
                                <p class="exc">必不可少的家庭用具</p>
                                <p class="price"><span>1599</span>元<del><span>2299</span>元</del></p>
                            </a></li></div>
                          <li class="brick-item-s">
                            <a href="">
                              <div class="fig">
                                <span class="iconfont icon-youjiantou"></span>
                              </div>
                              <div class="mome">
                                浏览更多
                                <small>热门</small>
                              </div>
                            </a>
                          </li>
                        </ul>
                        <ul class="span9-ul">

                          <div><li><a href="">
                              <div class="thumb">
                                  <img class="lazy"  data-original="../img/headset-1.jpg" alt="">
                              </div>
                              <h3>无敌全面屏电视65英寸 E65X</h3>
                              <p class="exc">无敌全面屏设计</p>
                              <p class="price"><span>50990</span>元<del><span>62990</span>元</del></p>
                          </a></li></div>
                          <div><li><a href="">
                              <div class="thumb">
                                  <img  class="lazy" data-original="../img/headset-1-1-1.jpg" alt="">
                              </div>
                              <h3>无敌电视人工智能系统 4A</h3>
                              <p class="exc">无敌智能设计</p>
                              <p class="price"><span>70990</span>元<del><span>82990</span>元</del></p>
                          </a></li></div>
                          <div><li><a href="">
                              <div class="thumb">
                                  <img  class="lazy" data-original="../img/headset-1-1-2.jpg" alt="">
                              </div>
                              <h3>无敌全面屏电视72英寸 H40X</h3>
                              <p class="exc">无敌超清大屏设计</p>
                              <p class="price"><span>40990</span>元<del><span>42990</span>元</del></p>
                          </a></li></div>
                          <div><li><a href="">
                              <div class="thumb">
                                  <img  class="lazy" data-original="../img/headset-1-1-3.jpg" alt="">
                              </div>
                              <h3>无敌Redmi电视 Max98X</h3>
                              <p class="exc">无敌红米经典设计</p>
                              <p class="price"><span>21990</span>元<del><span>29990</span>元</del></p>
                          </a></li></div>
                          <div><li><a href="">
                              <div class="thumb">
                                  <img class="lazy"  data-original="../img/headset-1-1-4.jpg" alt="">
                              </div>
                              <h3>无敌自动洗衣机 E10X</h3>
                              <p class="exc">无敌自动化设计</p>
                              <p class="price"><span>30990</span>元<del><span>32990</span>元</del></p>
                          </a></li></div>
                          <div><li><a href="">
                              <div class="thumb">
                                  <img class="lazy"  data-original="../img/headset-1-1-5.jpg" alt="">
                              </div>
                              <h3>无敌macbox i7</h3>
                              <p class="exc">无敌超高清分辨率</p>
                              <p class="price"><span>90990</span>元<del><span>102990</span>元</del></p>
                          </a></li></div>
                          <div><li><a href="">
                              <div class="thumb">
                                  <img class="lazy"  data-original="../img/headset-1-1.jpg" alt="">
                              </div>
                              <h3>无敌自动抽烟烟机 Y21X</h3>
                              <p class="exc">无敌自动化清洁力高</p>
                              <p class="price"><span>27929</span>元<del><span>32299</span>元</del></p>
                          </a></li></div>
                          <div ><li class="item-s"><a href="">
                              <div class="thumb">
                                  <img class="lazy"  data-original="../img/headset-1-2.jpg" alt="">
                              </div>
                              <h3>无敌微波炉 W61X</h3>
                              <p class="exc">无敌是多么多</p>
                              <p class="price"><span>12599</span>元<del><span>22299</span>元</del></p>
                          </a></li></div>
                        <li class="brick-item-s">
                          <a href="">
                            <div class="fig">
                              <span class="iconfont icon-youjiantou"></span>
                            </div>
                            <div class="mome">
                              浏览更多
                              <small>电视影音</small>
                            </div>
                          </a>
                        </li>
                      </ul>
                    </div>
                </dis>
            </div>
        </div>
        <div class="home-banner">
            <a href="">
                <img class="lazy"  data-original="../img/xiabiao-3.jpg" alt="">
            </a>
        </div>
      </div>
    </div>

    <div class="footer">
      <div class="footer-info">
        <div class="container">
          <div class="footer-searve">
            <ul class="footer-list">
              <li>
                <span class="iconfont icon-buoumaotubiao46"></span> 预约维修
              </li>
              <li>
                <span class="iconfont icon-7tiantuihuanhuo"></span>
                7天无理由退款
              </li>
              <li>
                <span class="iconfont icon-15tianwuliyoutuihuo"></span>
                15天免费换货
              </li>
              <li><span class="iconfont icon-liwu"></span> 满69包邮</li>
              <li>
                <span class="iconfont icon-dingwei"></span> 520余家售后网点
              </li>
            </ul>
          </div>
          <div class="footer-link">
            <dl class="col-link">
              <dt>帮助中心</dt>
              <dd><a href="">账户管理</a></dd>
              <dd><a href="">购物指南</a></dd>
              <dd><a href="">订单操作</a></dd>
            </dl>
            <dl class="col-link">
              <dt>服务中心</dt>
              <dd><a href="">售后政策</a></dd>
              <dd><a href="">自动服务</a></dd>
              <dd><a href="">相关下载</a></dd>
            </dl>
            <dl class="col-link">
              <dt>线下门店</dt>
              <dd><a href="">小米之家</a></dd>
              <dd><a href="">服务网点</a></dd>
              <dd><a href="">授权体验店</a></dd>
            </dl>
            <dl class="col-link">
              <dt>关于小米</dt>
              <dd><a href="">了解小米</a></dd>
              <dd><a href="">加入小米</a></dd>
              <dd><a href="">投资者关系</a></dd>
              <dd><a href="">企业社会责任</a></dd>
              <dd><a href="">廉洁举报</a></dd>
            </dl>
            <dl class="col-link">
              <dt>关注我们</dt>
              <dd><a href="">新浪微博</a></dd>
              <dd><a href="">官方微信</a></dd>
              <dd><a href="">联系我们</a></dd>
              <dd><a href="">公益基金会</a></dd>
            </dl>
            <dl class="col-link">
              <dt>特色服务</dt>
              <dd><a href="">F码通道</a></dd>
              <dd><a href="">礼物码</a></dd>
              <dd><a href="">防伪查询</a></dd>
            </dl>
            <div class="col-contact">
              <p class="phone">400-100-5678</p>
              <p>8:00-18:00(仅收市话费)</p>
              <a href=""><em class="iconfont icon-xinxi-01"></em>人工客服</a>
              <div class="follow">
                关注小米：
                <a href=""><span class="iconfont icon-xinlangweibo"></span></a>
                <a href=""
                  ><span class="iconfont icon-weixin"></span>
                  <img class="lazy"  data-original="../img/wx-img.png" alt=""
                /></a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="site-info">
        <div class="container">
          <div class="logo1">小米官网</div>
          <div class="site-text">
            <p class="sites">
              <a href=""> 小米商城 </a><span>|</span> <a href=""> MIUI </a
              ><span>|</span> <a href=""> 米家 </a><span>|</span>
              <a href=""> 米聊 </a><span>|</span> <a href=""> 多看 </a
              ><span>|</span> <a href=""> 游戏 </a><span>|</span>
              <a href=""> 政企服务 </a><span>|</span> <a href=""> 小米天猫店 </a
              ><span>|</span> <a href=""> 小米集团隐私政策 </a><span>|</span>
              <a href=""> 小米公司儿童信息保护规则 </a><span>|</span>
              <a href=""> 小米商城隐私政策 </a><span>|</span>
              <a href=""> 小米商城用户协议 </a><span>|</span>
              <a href=""> 问题反馈 </a><span>|</span>
              <a href=""> Select Location </a>
            </p>
            <p class="sites">
              <a href=""> 北京互联网法院法律服务工作站 </a><span>|</span>
              <a href=""> 中国消费者协会 </a><span>|</span>
              <a href=""> 北京市消费者协会 </a><span>|</span>
            </p>
            <p>
              ©
              <a href="">mi.com</a> 京ICP证110507号
              <a href="">京ICP备10046444号</a>
              <a href="">京公网安备11010802020134号</a>
              <a href="">京网文[2020]0276-042号</a>
              <br />
              <a href="">（京）网械平台备字（2018）第00005号</a>
              <a href="">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
              <a href=""> 营业执照</a>
              <a href="">医疗器械质量公告</a>
              <br />
              <a href="">增值电信业务许可证</a> 网络食品经营备案
              京食药网食备202010048

              <a href="">食品经营许可证</a>
              <br />

              违法和不良信息举报电话：171-5104-4404
              <a href="">知识产权侵权投诉</a
              >&nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
            </p>
          </div>
          <div class="info-link">
            <a href=""><img class="lazy"  data-original="../img/anquan-1.png" alt="" /></a>
            <a href=""><img class="lazy"  data-original="../img/anquan-2.png" alt="" /></a>
            <a href=""><img class="lazy"  data-original="../img/anquan-3.png" alt="" /></a>
            <a href=""><img class="lazy"  data-original="../img/anquan-4.png" alt="" /></a>
            <a href="" class="info-link-a"><img data-original="../img/anquan-5.png" alt="" class="info-img1  opc lazy" />
            <img   data-original="../img/02297cb6dab014652c46eb040e487145.png" alt="" class="info-img2 lazy" ></a>
          </div>
        </div>
        <div class="site-for">无敌是多么，多么寂寞</div>
      </div>
    </div>
    <div class="home-bar-large">
      <a href="">
        <div class="icon">
          <img src="../img/3.png" alt="" class="static">
          <img src="../img/4.png" alt="" class="hover">
        </div>
        <span class="text">手机APP</span>
        <div class="pop">
          <img src="../img/wx-img.png" alt="">
          <span>扫码领取新人百元礼包</span>
        </div>
      </a>
      <a href="">
        <div class="icon">
          <img src="../img/1.png" alt="" class="static">
          <img src="../img/2.png" alt="" class="hover">
        </div>
        <span class="text">个人中心</span>
        
      </a>
      <a href="">
        <div class="icon">
          <img src="../img/7.png" alt="" class="static">
          <img src="../img/8.png" alt="" class="hover">
        </div>
        <span class="text">售后服务</span>
        
      </a>
      <a href="">
        <div class="icon">
          <img src="../img/5.png" alt="" class="static">
          <img src="../img/6.png" alt="" class="hover">
        </div>
        <span class="text">人工客服</span>
        
      </a>
      <a href="">
        <div class="icon">
          <img src="../img/shoppingcat.png" alt="" class="static">
          <img src="../img/shoppingcat-2.png" alt="" class="hover">
        </div>
        <span class="text">购物车</span>
        
      </a>
      <a href="" class="top">
        <div class="icon">
          <img src="../img/9.png" alt="" class="static">
          <img src="../img/10.png" alt="" class="hover">
        </div>
        <span class="text">回顶部</span>
        
      </a>
    </div>



<!-- Large modal -->


<div class="modal fade" tabindex="-1" role="dialog" id="test" aria-labelledby="myLargeModalLabel">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="gridSystemModalLabel">小米隐私协议</h4>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-md-4">.col-md-4</div>
          <div class="col-md-4 col-md-offset-4">.col-md-4 .col-md-offset-4</div>
        </div>
        <div class="row">
          <div class="col-md-3 col-md-offset-3">.col-md-3 .col-md-offset-3</div>
          <div class="col-md-2 col-md-offset-4">.col-md-2 .col-md-offset-4</div>
        </div>
        <div class="row">
          <div class="col-md-6 col-md-offset-3">.col-md-6 .col-md-offset-3</div>
        </div>
        <div class="row">
          <div class="col-sm-9">
            Level 1: .col-sm-9
            <div class="row">
              <div class="col-xs-8 col-sm-6">
                Level 2: .col-xs-8 .col-sm-6
              </div>
              <div class="col-xs-4 col-sm-6">
                Level 2: .col-xs-4 .col-sm-6
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default aniu" data-dismiss="modal"><a href="../html/index.html">同意</a></button>
        <button type="button" class="btn btn-primary">不同意</button>
      </div>
    </div>
  </div>
</div>
  
  </body>
</html>
